/***********************************************************
	PJ: 			Shift admin
	PATH:			/assets/styles/login.css
	DESCRIPTION:	login css
************************************************************/

/* ログイン header
---------------------------------------------------------------------*/

#login_header {
	background:-moz-linear-gradient(top,#3F3F3F,#111);
	background:	-webkit-gradient(linear,left top,left bottom,from(#3F3F3F),to(#111));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3f3f3f', endColorstr='#111');
	-ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3f3f3f', endColorstr='#111')";
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:80px;
	box-shadow:0 0 6px rgba(0,0,0,0.3);
}

#login_header h1 {
	width:248px;
	height:31px;
	margin:24px auto;
}

#login_header h1 a {
	display:block;
	height:31px;
	background:url(../../images/common/header/logo_white.png) 0 0 no-repeat;
	text-indent:-10000px;
}


/* メイン
--------------------------------------------------------*/

article {
	width:920px;
	height:340px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-170px 0 0 -460px;
}

#display {
	float:left;
	position:relative;
}

#window {
	float:right;
	width:410px;
	height:290px;
	padding:0 0 0 30px;
	position:relative;
	left:-160px;
	opacity:0;
	background:url(../../images/login/window.png) 0 0 no-repeat;
	
}

h2 {
	height:42px;
	line-height:42px;
	padding:0 10px;
	margin:7px;
	font-size:14px;
	text-shadow:0 1px 0 #fff;
}

h2 span {
	background:transparent !important;
}

h2 span.error {
	color:red;
	font-weight:bold;
}


/* ディスプレイ
--------------------------------------------------------*/

#display p {
	position:absolute;
	z-index:20;
	left:50px;
	top:-40px;
}

#display p span {
	position:absolute;
	left:225px;
	top:105px;
	z-index:3;
}

#display ul {
	list-style:none;
	position:relative;
	left:53px;
	top:15px;
	z-index:1;
	display:none;
}


/* フォーム
--------------------------------------------------------*/

#inner_wrapper {
	margin-left:2px;
	width:400px;
	overflow:hidden;
}

#inner {
	width:800px;
	height:212px;
	margin:14px 0 0 2px;
}

form {
	width:400px;
	height:212px;
	float:left;
	position:relative;
}

form li input[type=text] ,
form li input[type=password] {
	width:292px;
	height:32px;
	line-height:32px;
	margin-top:5px;
	border:0;
	font-size:16px;
	background-color:transparent;
	outline:none;
}

form li.id ,
form li.pass ,
form li.mail  {
	width:300px;
	height:42px;
	margin:0 0 15px 17px;
	padding:0 5px 0 57px
}

form li.id {background:url(../../images/login/input_user.png) 0 0 no-repeat;}
form li.pass {background:url(../../images/login/input_pass.png) 0 0 no-repeat;}
form li.mail  {background:url(../../images/login/input_mail.png) 0 0 no-repeat;}

form li.save {
	text-align:right;
	margin-right:24px;
}

form .forget ,
form .back ,
form .submit {
	margin:20px 0 0 0;
}

form .forget ,
form .back {
	float:left;
	padding:0 0 0 20px;
}

form .forget a {
	padding-left:20px;
	background:url(../../images/login/question.png) 0 0 no-repeat;
}

form .back a {
	padding-left:20px;
	background:url(../../images/login/back.png) 0 0 no-repeat;
}

form .submit {
	width:102px;
	height:33px;
	float:right;
	margin-right:20px;
}

form .submit input {
	cursor:pointer;
	width:102px;
	height:33px;
	line-height:33px;
	border:0;
	font-family:'メイリオ',Meiryo,sans-serif,Verdana,"ＭＳ Ｐゴシック",'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	background:url(../../images/login/submit_btn.png) 0 0 no-repeat;
}

form .submit input:hover {background-position:0 -33px;}
form .submit input:active {background-position:0 -66px;}

#forgetForm {
	margin-top:30px;
}

/* footer
--------------------------------------------------------*/

footer {
	color:#fff;
}

